<script>
$(document).ready(function(){
//                $("#rec").click(function(){
//                    $(".recomendadas").show();
//                    $(".escolher").hide();
//                })
//                $("#opt").click(function(){
//                    $(".recomendadas").hide();
//                    $(".escolher").show();
//                })
                $(".escolher").show();
                $(".lnkBlb").click(function(){
                    var pai=$(this).parent().parent();
                    $(pai).children().removeClass("ativo");
                    $(this).parent().addClass("ativo");
                    
                })
              
                $(".btn_delete").click(function(){
                    //$(this).parent().parent(".boxCollapse").removeClass('active');
                    //$(this).parent().slideUp(1000);
                    $(this).parent().parent().fadeOut(1000,function(){
                        $(this).remove();
                    });
                   // $(this).parent().parent().remove();
                })
                
                $(".tipo").click(function(){
                    $(".tipoLabel").removeClass('btn-success');
                        $(this).parent().addClass('btn-success');
                       if($(this).val()=='pdf'){
                           $(".desc").html("Páginas"); 
                           $(".tipodesc").val("pdf"); 
                       }else{
                           $(".desc").html("Tempo");
                           $(".tipodesc").val("video"); 
                       }
                   
                });
                 $(".codDisciplinaTemp").val($("#disciplinas").val());
                 $("#textDisciplina").val($("#disciplinas option:selected").text());
                 $("#disciplinas").change(function(){
                     
                     $("#textDisciplina").val($(this).find("option:selected").text());
                    $(".codDisciplinaTemp").val($("#disciplinas").val());
                 })
                $("#clonar").click(function(){
                //    $(".descricao").val("6");
                    var clone=$(".linha").last().clone(true);
                    //$(".descricao",clone).val('6');
                    clone.find(".descricao").val("");
                    clone.find(".tempo").val("");
                    var valor=parseInt(clone.find(".aula").val())+1;
                    var min=parseInt($(".aula").index()+1);
                    clone.find(".aula").val(valor);//.attr('min',min);
                            //clone.after($(".linha").last());
                            $(".linha").last().after(clone);
                })
                $(".del").click(function(){
                    
                    if ($(".linha").length>1 ){
                        $(".linha").last().remove();
                        
                    }
                    return false;                    
                })
                $(".atualizar").click(function(){
                    $("#topicoProprio").modal('hide');
                    var campos="";
                    campos=$(".campos").last().clone(true);
                    campos.find(".topo").remove();
                    campos.find(".btn").remove();
                    //campos.find("input").attr('readonly','readonly')
                    campos.find("#textDisciplina").attr('id','').attr('readonly','readonly').show();
                    campos.find(".codDisciplinaTemp").removeClass('codDisciplinaTemp').addClass('codDisciplina');
                    campos.find(".descricao").removeClass('descricao');
                    campos.find(".tempo").removeClass('tempo');
                    campos.find(".aula").removeClass('aula');
                    campos.find(".linha").removeClass('linha');
                    campos.find(".tipodesc").removeClass('tipodesc');
                    
                    campos.appendTo( $("#matProprio"));
                    
                   // $("#matProprio").append(campos);
                })
                $("#topicoProprio").on('show',function(){
                    limpar()
                })
                function limpar(){
                    $(".linha:not(:first)").remove();
                    $(".tempo").val("");
                    $(".aula").val("1");
                    $(".descricao").val("");
                    /*$(".linha").each(function(){
                        if ($(".linha").length>1 ){
                        $(".linha").last().remove();
                        $(".tempo").val("");
                        $(".aula").val("");
                        $(".descricao").val("");
                        }
                    })*/
                    
                }
});
    </script>
<div class="boxGray" role="region">
                            <h2 class="titleContent" role="presentation"><?= $projeto->NOME ?></h2>
                            <p>Selecione as bibliografia desejadas, em seguida clique em "Ativar Projeto"</p>
                            <br class="clear">

                           
                                <!--<button id="rec" type="button" data-toggle="button" name="option"  value="rec" class="btn unique active">Escolher Bibliografias Recomendadas</button>-->
                                <button id="opt" type="button" data-toggle="modal" name="option" value="opt" class="btn unique btn-info active" data-title="Vincular Médico" data-target="#topicoProprio" data-placement="top" rel="tooltip">Inserir Material Próprio</button>
                          
                            <br class="clear">
                            <br class="clear">
                          
                            <div class="collapseGroup escolher" style="padding:1px;margin:0">
                                <?php  $this->load->view('central/per_proj') ?>
                            </div><!-- FIM ROW -->

                        </div><!-- FIM LIMITE -->
                        <div class="modal fade" id="topicoProprio" tabindex="-1" role="dialog" aria-labelledby="topicoProprio" aria-hidden="true" style="min-width: 700px">                          

                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                        <h4 class="modal-title custom_align" id="Heading">Insira seu Material de Estudo</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="form-horizontal campos">
                                        <div class="control-group topo">                                        
                                            <label for="tipoVideo" class="tipoLabel btn btn-success"><input type="radio" id="tipoVideo" class="tipo"  value="video" checked="" style="display: none">Video</label>
                                            <label for="tipoPdf" class="tipoLabel btn" ><input type="radio" id="tipoPdf" class="tipo" value="pdf" style="display: none">Pdf</label>
                                            &nbsp;
                                            <label for="disciplinas">Disciplina:
                                                
                                                <select name="disciplinas" id='disciplinas'>
                                                <?php  if (!is_null($disciplinas)) {
        
                                                            foreach ($disciplinas as $key => $disciplina) { 
                                                                $nome=$disciplina['DESCRICAO'];
                                                                $cod_Disciplina=$disciplina['CODIGO']; ?>
                                                              <option value="<?=$cod_Disciplina?>"><?= $nome;?></option>  
                                                <?php } }else{
                                                    echo '<option value="0">Não há disciplinas</option>  ';
                                                }?>
                                                
                                            </select>
                                                </label>
                                         </div>
                                            <input type="text"  id='textDisciplina' name="" value="" style="display: none">
                                            <div class="linha" style="padding:5px 0">
                                                <div class="input-prepend">
                                                    <span class="add-on">Aula</span>
                                                    <input class="span2 aula" name="aula[]"  type="number" placeholder="" min="1" value="1" >
                                                </div>
                                                <div class="input-prepend">
                                                    <span class="add-on desc">Tempo</span>
                                                    <input class="span2 tempo" name="tempo[]" type="text" placeholder=""  >
                                                </div>
                                                <div class="input-prepend ">
                                                    <span class="add-on">Descrição</span> 
                                                    <input class="span3 descricao" name="descricao[]"  type="text" placeholder="">

                                                </div>
                                                <input type="hidden"  class="tipodesc" name="tipo[]" value="video">
                                                <input type="hidden"  class='codDisciplinaTemp' name="disciplinaTP[]" value="">
                                                 <br class="clear">
                                            </div>
                                            <a href='#' class="del btn btn-danger"> Remover </a>
                                             <button class="btn btn-info" id="clonar" type="button">Mais</button>
                                           
                                        
                                            </div>
                                    </div>
                                    <div class="modal-footer ">
                                        <button type="button" class="btn btn-warning btn-lg atualizar" style="width: 50%;"><span class="glyphicon glyphicon-ok-sign"></span> Atualizar</button>
                                    </div>
                                </div>
                                <!-- /.modal-content --> 
                            </div>
                            <!-- /.modal-dialog --> 
                        </div>